<template>
  <div>{{ money }}</div>
  <button @click="handleClick(2)">花 2 块钱</button>
</template>

<script>
export default {
  props: ['money'],
  // !明确 changeMoney 就是一个自定义的事件
  emits: ['changeMoney'],
  setup(props, context) {
    // 怎么在 setup 中使用传递过来的数据
    // console.log(props.money)
    const handleClick = (num) => {
      // 不能直接再这里操作传递过来的数据，单项数据流！
      // 触发父亲的修改数据方法
      context.emit('changeMoney', num)
    }
    return {
      handleClick,
    }
  },
}
</script>
